.page-guide-recommendlist {
  // padding-top: 170px;
  &:before {
    content: '';
    height: 170px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .search-wrap {
    padding: 16px 28px;
    background-color: #fff;
  }

  .item-list-scroll {
    @include page-scroll(0, $tabbar-height);
  }

  .article-list {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    margin-top: 20px;
    .article-list-wrap {
      width: 345px;
      margin-bottom: 28px;
    }
    .left-container {
      width: 50%;
    }
    .right-container {
      width: 50%;
      padding-left: 20px;
    }
    .article-item-wrap {
      margin-bottom: 20px;
      box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
      border-radius: 2px;
    }
  }
}
